<template>
  <div>
<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>
<v-distpicker :placeholders="placeholders"></v-distpicker>
<p>{{'555555' | formatNum()}}</p>
<p>{{new Date().getTime() | formatData}}</p>
<i class="zx-icon">&#xe67b;</i>
  </div>
</template>

<script>
import VDistpicker from 'v-distpicker'
import Vue from 'vue'
import { Button } from 'vant';
Vue.use(Button);
export default {
   components: { VDistpicker },
     data() {
      return {
          placeholders: {
              province: '--- 省 ---',
              city: '--- 市 ---',
              area: '--- 区 ---',
          }
      }
  },
  created(){
this.test()
  },
  methods:{
    test(){
      this.$post('/api/test',{}).then(res=>{
        alert(res)
      }).catch(err=>{
        alert(err)
      })
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.distpicker-address-wrapper select{
  font-size: 1px;
}
</style>
